<template>
	<view>
		<!-- <view class="status_bar" :style="{'height':titleBarHeight+'px'}">
			<view class="status_bar_content" :style="{'paddingTop':statusBarHeight+'px'}">
				<view class="status_bar_left_text">网点端</view>
			</view>
		</view> -->
		<view class="header">
		<view class="header-title">嗨拉运车网点端</view>
		<view class="header-icons">
		  <image class="icon" src="/static/icons/search.png" mode="aspectFit"></image>
		  <image class="icon" src="/static/icons/bell.png" mode="aspectFit"></image>
		</view>
	  </view>
	</view>
</template>

<script setup>
// const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
// // 获取胶囊按钮信息
// const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
// // 计算标题栏高度
// const titleBarHeight =menuButtonInfo.height+menuButtonInfo.top;
</script>

<style lang="scss" scoped>
.status_bar {
  background:$linegradient;
  .status_bar_content{
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	height:64rpx;

	font-size:24rpx;
  }
}
	.header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  height: 90rpx;
	  background:$linegradient;
	  color: white;
	  padding: 0 30rpx;
	  
	  .header-title {
	    font-size: 34rpx;
	    font-weight: 500;
	  }
	  
	  .header-icons {
	    display: flex;
	    gap: 20rpx;
	    
	    .icon {
	      width: 40rpx;
	      height: 40rpx;
	    }
	  }
	}
</style>